$(function(){
    // 1,渲染页面
    var currentpage = 1;
    var pageSize = 5;
    function render(){
    $.ajax({
        url:'/user/queryUser',
        type:'get',
        data:{
            pageSize:pageSize,
            page:currentpage
        },
        dataType:'json',
        success:function(res){
            // console.log(res);
            $('tbody').html(template('temp',res))
            setPage(res.total)
        }
    })
    }
    render()

// 引入页码
function setPage(total){
    $("#paginator").bootstrapPaginator({
        bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
        currentPage:currentpage,//当前页
        totalPages:Math.ceil(total/pageSize),//总页数
        size:"small",//设置控件的大小，mini, small, normal,large
        onPageClicked:function(event, originalEvent, type,page){
          //为按钮绑定点击事件 page:当前点击的按钮值
          currentpage = page
          render()
        }
    });
}

// 启用/禁用功能搭载
// 点击按钮+弹出模态框--bootstrap插件+模态框的确定按钮注册事件+ajax请求
var id = null
var isDelete = null
$('tbody').on('click','button',function(){
    id = $(this).data('id'); 
    isDelete =  $(this).hasClass('btn-danger')?0:1
    console.log(id,isDelete);
    
})
$('#btn-sure').on('click',function(){
    $.ajax({
        url:'/user/updateUser',
        type:'post',
        data:{
            id:id,
            isDelete:isDelete
        },
        dataType:'json',
        success:function(res){
            console.log(res);
            $('#myModal').modal('hide')
            render()
            
        }
    })
})  
})